<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生信息管理系统</title>
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="three.css">
    <script src="three.js" async></script>
</head>
<body>
    <div class="container">
        <h1>学生信息管理系统</h1>
        <form id="studentForm" class="form-inline">
            <label for="name">姓名：</label>
            <input type="text" id="name" name="name" class="form-control" required>
            <label for="age">年龄：</label>
            <input type="number" id="age" name="age" class="form-control" required>
            <label for="major">专业：</label>
            <input type="text" id="major" name="major" class="form-control" required>
            <label for="grade">年级：</label>
            <input type="text" id="grade" name="grade" class="form-control" required>
            <button type="submit" class="btn btn-primary">添加学生</button>
        </form>

        <table id="studentsTable" class="table">
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>专业</th>
                    <th>年级</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</body>
</html>